// 自定义变量
@dark-color: #141414;
// #0f0f0f
@dark-color-1: darken(@dark-color, lightness(@dark-color) - 5.84%);
// #1f1f1f
@dark-color-2: lighten(@dark-color, 12.16% - lightness(@dark-color));
// #2e2e2e
@dark-color-3: lighten(@dark-color, 18.04% - lightness(@dark-color)); 
// #3a3a3a
@dark-color-4: lighten(@dark-color, 22.75% - lightness(@dark-color));
// #404040
@dark-color-5: lighten(@dark-color, 25.1% - lightness(@dark-color));
// #595959
@dark-color-6: lighten(@dark-color, 34.9% - lightness(@dark-color));

// ant-design-vue 变量
@primary-color: #41b883; // 全局主色
@link-color: #1890ff; // 链接色
@success-color: #2bbe8c; // 成功色
@warning-color: #faad14; // 警告色
@error-color: #eb5c5c; // 错误色
// 暗黑主题修改
@background-color-light: @dark-color-6;
@background-color-base: @dark-color-6;
@body-background: @dark-color;
@component-background: @dark-color-6;
@label-color: @text-color;
@border-color-base: @dark-color-6;
@border-color-split: @dark-color-6;
@heading-color: @text-color;
@text-color: @text-color;
@item-active-bg: @primary-color;
@item-hover-bg: @primary-color;
@text-color: white;
@text-color-secondary: darken(@text-color, 10%); // 次文本色
@disabled-color: fade(@dark-color, 0.25); // 失效色


:export {
    primary_color: @primary-color;
    link_color: @link-color;
    success_color: @success-color;
    warning_color: @warning-color;
    error_color: @error-color;
    dark_color: @dark-color;
    dark_color_1: @dark-color-1;
    dark_color_2: @dark-color-2;
    dark_color_3: @dark-color-3;
    dark_color_4: @dark-color-4;
    dark_color_5: @dark-color-5;
    dark_color_6: @dark-color-6;
    text_color: @text-color;
    text_color_secondary: @text-color-secondary;
    disabled_color: @disabled-color;
}


